// import React, { useState, useEffect, useCallback, ChangeEvent } from 'react';

// import { Table, Button, Space, InputNumber, Input, message, Modal, Popover } from 'antd';
// import { fetch } from '@/services/commCRUD';
// import IconFont from '@/components/base/IconFont';
// import PageHeader from '@/components/page/PageHeader';
// import { SaveYgcpdf, SubmitYgcpdf, GetCpdfInfo } from '@/services/cpdf';
// import { useModel, history } from 'umi';
// import { setState } from '@/utils/common';

// const daoName = 'YgCpdf';
// const curPage = 1;
// const pageSize = 500;
// const curPermID = 1;
// const sorter: API.OrderItem[] = []
// const seeks: API.WhereCause[] = []
// const content = (
//   <div>
//     1、请坚持实事求是、客观公正的原则，对实际工作表现进行打分；<br />
//     2、测评分为：优秀、良好、合格、不合格四个等级，其中优秀90以上；良好80-89；合格50-79；不合格60以下；<br />
//     3、打分在60以下的，须在“意见与建议”中填写明确理由方可提交，不了解可以不评价。<br />
//   </div>
// );

// const { TextArea } = Input;

// const YgCpdf: React.FC = () => {
//   const { user } = useModel('@@initialState', (ret) => ({
//     user: ret.initialState?.user,
//   }));

//   const [listData, setListData] = useState<Record<string, any>[]>();
//   const [loading, setLoading] = useState<boolean>();
//   const [NF, setNF] = useState<number>();
//   const [JD, setJD] = useState<number>();

//   const whereItems: API.WhereItem[] = [
//     {
//       FieldName: "DFRID",
//       Operator: "=",
//       FieldValues: user?.userID + ""
//     },
//     {
//       FieldName: "ISTJ",
//       Operator: "=",
//       FieldValues: 0 + ""
//     }
//   ]

//   const loadData = useCallback(() => {
//     setLoading(true)
//     fetch(
//       daoName,
//       curPage,
//       pageSize,
//       sorter,
//       seeks,
//       curPermID,
//     )
//       .then(function (data) {
//         setState(history.location.pathname, daoName, {
//           curPage,
//           pageSize,
//           sorter,
//           filters: seeks,
//         });
//         setListData(data.Objectlist);
//       })
//       .catch(function (ex) {
//         console.error('请求', daoName, '错误', ex);
//       })
//       .finally(function () {
//         setLoading(false)
//       });
//   }, [
//     curPage,
//     pageSize,
//     sorter,
//     daoName,
//     curPermID,
//     seeks,
//   ]);
//   useEffect(() => {
//     GetCpdfInfo().then(
//       (result: any) => {
//         const info = result
//         setNF(info["NF"])
//         setJD(info["JD"])
//       });
//       seeks.splice(0,seeks.length)
//       seeks.push({
//         WhereItems: whereItems,
//         RelationSign: "AND"
//       })
//     loadData();
//   }, [loadData]);

//   const updf = (value: number, colname: string, rowindex: number) => {
//     const datas = [...listData!]
//     datas![rowindex][colname] = value
//     setListData(datas)
//   }

//   const upyj = (value: ChangeEvent<HTMLTextAreaElement>, colname: string, rowindex: number) => {
//     const datas = [...listData!]
//     datas![rowindex][colname] = value.currentTarget.value
//     setListData(datas)
//   }

//   const columns: API.Column[] = [
//     {
//       title: '部门',
//       dataIndex: 'BM',
//       key: 'BM',
//       width: 120,
//       sorter: true,
//       dispaly: true,
//       filter: true,
//       canEdit: false,
//     },
//     {
//       title: '员工',
//       dataIndex: 'YG',
//       key: 'YG',
//       width: 120,
//       sorter: true,
//       dispaly: true,
//       filter: true,
//       canEdit: false,
//     },
//     {
//       title: '打分',
//       dataIndex: 'DF',
//       key: 'DF',
//       width: 120,
//       sorter: true,
//       dispaly: true,
//       filter: true,
//       canEdit: true,
//       render: (fieldVal, _record, index) => <InputNumber min={1} max={100} size={"small"} value={fieldVal} onChange={(val) => updf(val, 'DF', index)}></InputNumber>,
//     },
//     {
//       title: '意见与建议',
//       dataIndex: 'YJYJY',
//       key: 'YJYJY',
//       width: 320,
//       sorter: true,
//       dispaly: true,
//       filter: true,
//       canEdit: true,
//       render: (fieldVal, _record, index) => <TextArea maxLength={200} rows={1} value={fieldVal} onChange={(val) => upyj(val, 'YJYJY', index)}></TextArea>,
//     },
//   ]
//   const Save = () => {
//     SaveYgcpdf(listData)
//       .then(function () {
//         message.success(`保存成功`);
//       }
//       )
//       .catch(function (ex) {
//         message.error(`$保存失败,${ex}`);
//       });
//   }
//   const Submit = () => {
//     Modal.confirm({
//       title: '提交打分结果',
//       content: `您确定要提交吗？(提交后将无法更改，请确认无误后提交)`,
//       okText: '确定',
//       cancelText: '取消',
//       onOk: () => {
//         SubmitYgcpdf(user?.userID)
//           .then(function () {
//             message.success('已经提交成功！');
//           })
//           .catch(function (ex) {
//             console.log(ex);
//           });
//       },
//     });
//   }
//   const butt = (
//     <>
//       <Button key="save" onClick={() => Save()}>
//         <IconFont type="icon-09" />
//         保存
//       </Button>
//       <Button key="submit" onClick={() => Submit()}>
//         <IconFont type="icon-tijiao" />
//         提交
//       </Button>

//     </>
//   );
//   return (
//     <>
//       <PageHeader>
//         <Popover content={content} title="打分规则：">
//           <Space key="title" style={{ marginTop: -10, marginBottom: 10 }}>
//             <div>
//               <strong>{NF}年{JD}季度管理部门干部员工线上测评</strong>
//               <br />
//               <span>打分规则说明(将鼠标悬停于此处)</span>
//             </div>
//           </Space>
//         </Popover>
//         <Table
//           columns={columns}
//           dataSource={listData}
//           loading={loading}
//           rowKey={(record) => record["ID"]}
//           bordered={true}
//           pagination={false}
//           size="small"
//         />
//         <Space key="toolbar" style={{ marginTop: 10, marginBottom: 10, marginRight: -10, marginLeft: 1150 }}>
//           {butt}
//         </Space>
//       </PageHeader>
//     </>
//   );
// };

// export default YgCpdf;
